<template>
  <div class="detail-container">
    <header>
      <p>id: {{ id }}</p>
      <h2>{{ title }}</h2>
    </header>
    <main>
      <p>{{ content }}</p>
    </main>
  </div>
</template>

<script setup lang="ts">
defineProps<{
  id: string;
  title: string;
  content: string;
}>();
</script>

<style scoped>
.detail-container {
  padding: 10px;
}
</style>
